html {
    background-color:#ccc;
    font-family: 'Open Sans', 'Arial', sans-serif;
    color:#333;
}

#content ul li {
    margin-left:24px;
}


/*
    COMMON CLASSES
*/


.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
}

.hidden {
    display: none !important;
}

.main-background {
    background-image: linear-gradient(#660000,#880000);
}

.menu-background {
    background-color: #333;
}

.content-background {
    background-color: #fff;
}

/*
    HEADER
*/


.titlebar-logo-white:before{
    color:#fff;
    font-size:22px;
    padding:0px;
    margin:0px;
}

.titlebar-white:before{
    color:#fff;
    font-size:16px;
    padding:0px;
    margin:0px;
    vertical-align: middle;
    margin-right:6px;
}


#header h1.page-title {
    color:#fff;
    padding:0px 15px;
    font-size:24px;
    text-transform: uppercase;
    display:block;
}



/*
    CONTENT COMMON
*/

#content h2.page-title {
    color:#b11;
    font-size: 22px;
    font-weight: bold;
    margin-bottom:25px;
    text-transform: uppercase;
    border-bottom:3px solid #666;
    padding-bottom:0px;
    text-align: left;
}

#content .form-button {
    font-size:15px;
    text-decoration:none;
    font-weight:normal;
    color:#666;
    border:1px solid #B3B3B3;
    padding:3px 5px 5px 5px;
    background-color: rgb(245, 245, 245);
    background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230));
    border-radius:5px;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
    box-sizing: border-box;
}

#content .form-button:hover {
    color:#555;
    border:1px solid #A8A8A8;
    background-color: rgb(235, 235, 235);
    background-image: linear-gradient(rgb(250, 250, 250), rgb(225, 225, 225));
    cursor: pointer;
}

#content .form-button[disabled],
#content .form-button:hover[disabled] {
    color:#bbb;
    background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
    border:1px solid #ddd;
}

#content .form-button-icon:before {
    padding:0px;
    margin-right:5px;
}

/*
    FLASH MESSAGES
*/

.flash {
    font-size:16px;
    padding:30px 0px 30px 0px;
    opacity: 0.8;
    text-align: center;
}

.flash img {
    width:32px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    opacity: 0.7;
    display: none;
}

.flash p {
    margin-top:5px;
    margin-left:10px;

}

.flash-error {
    background: -webkit-linear-gradient(#bb0000, #cc0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bb0000, #cc0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bb0000, #cc0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bb3333, #dd3333); /* Standard syntax */
    border:5px solid #600;
    color:#fff;
}

.flash-warning {
    background: linear-gradient(#FA8, #FB8); /* Standard syntax */
}

.flash-info {
    background: linear-gradient(#4444CC, #4444EE); /* Standard syntax */
    color:#fff;
}


.flash-success {
    background: linear-gradient(#337733, #339933); /* Standard syntax */
    color:#fff;
    border:5px solid #006600;
}


/*
    STRUCTURE TABLE
*/

table.structure {
    margin:0px !important;
    padding:0px !important;
    border:0px !important;
    width:100% !important;
}

table.structure td {
    margin:0px !important;
    padding:0px !important;
    border:0px !important;
}

table.structure td {
    vertical-align: top;
}


/**
    ERROR PAGE
*/

h2.error {
    font-size: 24px;
    color:#800;
    text-align: center;
    margin-top:10px;
}

div.error {
    text-align: center;
}


/**
    FILTERS
*/
div.list-filter {
    padding:8px 10px 6px 10px;
    background-color: #eee;
    margin-top:-10px;
    border:1px solid #aaa;
    border-top:0px;
}

div.list-filter input {
    display:inline;
    border:1px solid #999;
    padding:6px 5px;
}

.list-filter label {
    font-size:14px;
    font-weight: bold;
    color:#666;
    padding-right:5px;
}


/**
    PAGE SIZE
*/
.page-size {
    float:right;
    font-weight: bold;
    font-size: 13px;
    margin-right:0px;
}

.page-size select {
    display: inline;
    padding:2px;
    border:1px solid #800;
    font-size: 13px;
    background-color: #FFF;
    margin-left:5px;
}


.page-size select:focus {
    background-color: #FFF;
}